.tn-badge {
  display: inline-block;
  height: 1rem;
  min-width: 1.5rem;
  line-height: 1rem;
  padding: 0 4px;
  /* vertical-align: middle; */
  font-size: 0.8rem;
  border-radius: 0.5rem;
  background: $normalDarkGreyBackground;
  color: #fff;

  &[badge-type="primary"] {
    background: var(--tn-primary-color);
  }

  &[badge-type="success"] {
    background: var(--tn-success-color);
  }

  &[badge-type="warning"] {
    background: var(--tn-warning-color);
  }

  &[badge-type="danger"] {
    background: var(--tn-danger-color);
  }
}
